.box{
  //
  .box1{
    background-color: #f7f6fa;
    padding: 20rpx;
    width: 95%;
    margin: auto;
    box-sizing: border-box;
    border-radius: 25rpx;
    display: flex;
    justify-content: space-between;
    .box11{
      width: 14%;
      height: 90rpx;
      border-radius: 50%;
      overflow: hidden;
      image{
        width: 100%;
        height: 100%;
      }
    }
    .box12{
      width: 82%;
      display: flex;
      flex-wrap: wrap;
      align-content: space-between;
      .box122{
        width: 100%;
        color: #868688;
        font-size: 26rpx;
      }
    }
  }
  //
  .box2{
    width: 95%;
    margin: 20rpx auto 0;
    background-color: #f7f6fa;
    border-radius: 35rpx;
    padding: 40rpx 30rpx;
    text-align: center;
    box-sizing: border-box;
    .box21{
      width: 70%;
      margin: 60rpx auto 0;
    }
  }
  //
  .box3{
    width: 95%;
    height: 600rpx;
    margin: 20rpx auto 0;
    background-color: #f7f6fa;
    border-radius: 35rpx;
    padding: 40rpx 30rpx;
    box-sizing: border-box;
    textarea{
      width: 100%;
      margin-bottom: 10%;
    }
    .box31{
      background-color: #fff;
      border-radius: 25rpx;
      width: 180rpx;
      height: 180rpx;
      display: flex;
      justify-content: center;
      image{
        width: 80rpx;
        height: 80rpx;
        margin-top: 25%;
      }
    }
  }
  //
  .box4{
    width: 90%;
    margin: auto;
    position: fixed;
    bottom: 0;
    left: 5%;
    padding: 20rpx 0 50rpx;
    .btn{
      background-color: #008c8c;
      color: #fff;
      border-radius: 50rpx;
    }
  }
}